$(function() {
    let form = layui.form;
    let layer = layui.layer;
    //1.将本地存储的数据拿出来
    let ArticleInfo = JSON.parse(localStorage.getItem('editData')); // 初始化富文本编辑器
    console.log(ArticleInfo);
    initEditor();

    // 1. 初始化图片裁剪器
    var $image = $('#image');

    // 2. 裁剪选项
    var options = {
        aspectRatio: 400 / 280,
        preview: '.img-preview',
    };

    // 3. 初始化裁剪区域
    $image.cropper(options);

    //2.将数据展示到html中
    //2.1 先获取文章分类的数据
    // 定义加载文章分类的方法
    initCate();

    function initCate() {
        $.ajax({
            method: 'GET',
            url: '/my/article/cates',
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('初始化文章分类失败！');
                }
                // 调用模板引擎，渲染分类的下拉菜单
                var htmlStr = template('tpl-cate', res);
                $('[name=cate_id]').html(htmlStr);

                //确保文章分类已经获取并展示

                //将数据回显到表单中
                form.val('form-edit', ArticleInfo);
                // 一定要记得调用 form.render() 方法
                form.render();

                //渲染封面图片
                $image
                    .cropper('destroy') // 销毁旧的裁剪区域
                    .attr('src', 'http://www.liulongbin.top:3007' + ArticleInfo.cover_img) // 重新设置图片路径
                    .cropper(options); // 重新初始化裁剪区域
            },
        });
    }
});